快捷指令視覺設計Shortcuts (模式)
A 快捷方式圖示應與應用內相應概念的形狀一致。例如,在Reminders應用中,列表的圖示是圓形的,因此快捷方式的圖示也應是圓形的;在Photos應用中,相簿的圖示是方形的,因此快捷方式圖示也應保持方形。
/Untitled.png)
/Untitled 1.png)
B 當標題文字一行放不下時可以變為兩行,但不要被截斷
/Untitled 2.png)
/Untitled 3.png)
C 在設計圖示時,應儘量保留應用圖示中的關鍵元素。例如,Favorites封面圖示中帶有一個小心形,這個元素也應被保留在快捷方式圖示中,以提高使用者的識別度。
/Untitled 4.png)
B 快捷方式的預設顏色通常與應用圖示保持一致。如果應用圖示具有明顯的漸變色或主色調(如Notes應用的黃色),可以將這些顏色應用到快捷方式中。
/Untitled 5.png)
在顏色選擇上,可以透過剝離圖示中的圖形部分來建立漸變色或實色背景。對於有深色補充色的應用,可以提供二次顏色以建立雙色調效果。
/Untitled 6.png)
/Untitled 7.png)
/Untitled 8.png)